Use scale and proportion in mockups 在 Mockup 中使用比例與尺寸

什麼是尺度（Scale）？

尺度描述的是一個元素與其他元素的相對大小關係。

• 突出重點（例如放大主圖或按鈕）

• 增加對比與視覺層級

• 幫助使用者快速識別重要元素

舉例：

在 Google TV 應用中，頂部推薦影片（如《Love and Monsters》）的縮圖比其他影片大，吸引使用者注意。

在電商應用中，如果使用者不清楚耳環大小，展示一張耳環和硬幣一起的圖片，就能透過對比了解其實際尺寸。

什麼是比例（Proportion）？

比例是元素之間尺寸關係的協調與平衡。如果尺寸差異太大，會讓使用者覺得“不自然”或“奇怪”。

• 保持設計的和諧性與一致性

• 傳達不同類別/功能之間的差異

• 避免干擾使用者注意力或引發誤解

舉例：

在 Google TV 的分類中：

• “愛情劇”和“懸疑劇”的圖片是 統一比例的正方形

• “家庭電影”的圖片是 豎長矩形

• 這個細微的比例變化傳達了類別的不同，而又不會打破整體平衡